﻿<CodeSnippetTabbed DocLink="https://docs.devexpress.com/Blazor/DevExpress.Blazor.DxToolbar#render-style">
    <CodeSnippetTabPage Text="Razor">@(@"<DxToolbar ItemRenderStyleMode=""@SelectedRenderMode"" ItemSizeMode=""@SelectedSizeMode"">
    <Items>
        <DxToolbarItem Text=""Info"" RenderStyle=""ButtonRenderStyle.Info"" />
        <DxToolbarItem Text=""Success"" RenderStyle=""ButtonRenderStyle.Success"" />
        <DxToolbarItem IconCssClass=""tb-icon tb-icon-alert"" BeginGroup=""true"" RenderStyle=""ButtonRenderStyle.Danger"" Text=""Danger"" />
        <DxToolbarItem IconCssClass=""tb-icon tb-icon-alert"" Text=""Auto"" />
        <DxToolbarItem IconCssClass=""tb-icon tb-icon-alert"" RenderStyle=""ButtonRenderStyle.Warning"" Text=""Warning"" />
    </Items>
</DxToolbar>

@code{
    IList<ToolbarRenderStyleMode> RenderModes { get; set; }
    ToolbarRenderStyleMode SelectedRenderMode { get; set; }
    IList<SizeMode> SizeModes { get; set; }
    SizeMode SelectedSizeMode { get; set; }

    protected override void OnInitialized()
    {
        base.OnInitialized();
        RenderModes = new List<ToolbarRenderStyleMode>() { ToolbarRenderStyleMode.Contained, ToolbarRenderStyleMode.Plain };
        SelectedRenderMode = RenderModes[0];

        SizeModes = new List<SizeMode>() { SizeMode.Small, SizeMode.Medium, SizeMode.Large };
        SelectedSizeMode = SizeModes[0];
    }
}
")</CodeSnippetTabPage>
</CodeSnippetTabbed>
